<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>i人事</title>
	<link rel="icon" type="image/png" href="icon/I.png">
<link rel="stylesheet" type="text/css" href="css/styles.css">

	<script th:src="@{/layui/src/layui.js}" type="text/javascript" charset="utf-8"></script>
	<script th:src="@{/js/jquery-3.6.0.js}" type="text/javascript"></script>
	<script th:src="@{/js/login.js}"></script>

</head>
<body>


<div class="wrapper">

	<div class="container">
		<h1 style="font-family: 'Times New Roman'">
			i人事企业管理系统</h1>
		<form class="form">
			<input  id="user"  type="text" placeholder="Username">
			<input id="pwd" type="password" placeholder="Password">
			<button type="submit" id="login-button" onclick="login(event)">Login</button>
		</form>
	</div>

</div>

<script type="text/javascript">
	layui.use('form', function() {
		var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功

//……

//但是，如果你的HTML是动态生成的，自动渲染就会失效
//因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
		form.render();
	});
</script>

</body>
</html>